<style>
    .ui-main > .el-divider .el-divider__text {
        background: #F2F2F2;
    }

    .ui-main > h3 {
        padding-left: 20px;
        font-size: 20px;
        border-left: 2px solid #409EFF;
        margin-left: 10px;
    }
</style>
<template>
    <ly-page>
        <ly-navi type="title" title="DEMO4"></ly-navi>

        <ly-page-content>
            <ly-table-filter    background  @search="store.load(1)" @reset="store.reset()" @add="add" add-text="添加学员">
                <el-form-item label="课程状态">
                    <el-radio-group v-model="store.params.radio1">
                        <el-radio-button label="上海"></el-radio-button>
                        <el-radio-button label="北京"></el-radio-button>
                        <el-radio-button label="广州"></el-radio-button>
                        <el-radio-button label="深圳"></el-radio-button>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="课程状态">
                    <el-radio-group v-model="store.params.radio1">
                        <el-radio-button label="上海"></el-radio-button>
                        <el-radio-button label="北京"></el-radio-button>
                        <el-radio-button label="广州"></el-radio-button>
                        <el-radio-button label="深圳"></el-radio-button>
                    </el-radio-group>
                </el-form-item>

                <el-form-item label="状态">
                    <el-select v-model="store.params.status" placeholder="全部/未处理/已处理">
                        <el-option label="全部" value="0"></el-option>
                        <el-option  label="未处理" value="1"></el-option>
                        <el-option  label="已处理" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="课程状态">
                    <el-select v-model="store.params.course_status" placeholder="课程状态">
                        <el-option  label="未结束" value="1"></el-option>
                        <el-option label="已结束" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="课程">
                    <el-select v-model="store.params.course_status" placeholder="课程状态">
                        <el-option  label="未结束" value="1"></el-option>
                        <el-option  label="已结束" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="教师">
                    <el-select v-model="store.params.course_status" placeholder="课程状态">
                        <el-option label="未结束" value="1"></el-option>
                        <el-option label="已结束" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="学员">
                    <el-select v-model="store.params.course_status" placeholder="课程状态">
                        <el-option  label="未结束" value="1"></el-option>
                        <el-option  label="已结束" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-button size="small">导出</el-button>
                <el-button type="text" size="small">导出历史</el-button>
            </ly-table-filter>
            <ly-table-info prefix="共有" :num="2000" append="客户" >
                <ly-info tip="本月/今日跟进客户次数（去重）" label="本月/今日跟进客户数" color="red">1/2</ly-info>
                <ly-info tip="本月/今日添加好友人数，同一个公司的只算一个，删除了不扣除）" label="本月/今日企微好友" color="red">100/23123</ly-info>
                <ly-info tip="本月/今日通过企微侧边栏进行邀请添加企微群，一个群算一个）" label="本月/今日企微群" color="red">/12124</ly-info>
                <ly-info  label="最后更新时间" >2022-11-08</ly-info>
            </ly-table-info>
            <el-tabs v-model="store.params.status"  @tab-click="store.load()">
                <el-tab-pane label="全部" name="0"></el-tab-pane>
                <el-tab-pane label="待签约" name="1"></el-tab-pane>
                <el-tab-pane label="正常学员" name="2"></el-tab-pane>
                <el-tab-pane label="历史学员" name="3"></el-tab-pane>
            </el-tabs>
            <el-table v-table-affix  :data="store.data" v-loading="store.loading">
                <el-table-column
                        type="selection"
                        width="55">
                </el-table-column>
                <el-table-column label="id" prop="id">
                </el-table-column>
                <el-table-column label="名称" prop="name">
                </el-table-column>
            </el-table>
            <ly-pagination :store="store">
                <el-button type="primary" size="small">批量删除</el-button>
                <el-button type="primary" size="small">批量更新</el-button>
            </ly-pagination>
        </ly-page-content>
    </ly-page>
</template>
<script>
    //这里定义组件
    Rap.define([], function () {
        return {
            data: function () {
                var store = Ly.dataStore({
                    params:{
                        status:'0'
                    },
                    data: function () {
                        var data = [];
                        for (var i = 0; i < 30; i++) {
                            data.push({id: i, name: 'name' + i})
                        }
                        return data;
                    }
                });
                store.load(1);
                return {
                    store: store

                }
            }, created: function () {

            }, init: function (query) {

            },
            methods: {
                add:function (){}
            }
        }
    })
</script>